<template>
  <div>
    <div
      v-if="$currentUserInfo"
      style="
        padding-bottom: 10px;
        display: flex;
        align-items: center;
        color: #fff;
      "
    >
      <span style="flex: 1">当前位置：{{ this.stepsLocationName }}</span>
      <div class="btnbox-right">
        <tx-button-add icon="" name="返回上一级" @click="handlePreLevel" />
      </div>
    </div> 
    <Top @getUserInfo="getUserInfo"></Top>
    <component :is="activeCom" :userInfo="userInfo" style="margin-bottom:10px;"> </component>
  </div>
</template>

<script>
import Top from "./components/top.vue";
import jydw from "./components/jydw.vue";
import yjwz from "./components/yjwz.vue";
import fhmb from "./components/fhmb.vue";
import zjk from "./components/zjk.vue";
import bncs from "./components/bncs.vue";

export default {
  mixins: [],
  data() {
    return {
      userInfo: {
        phone:"",
        orgId:""
      },
      activeCom: "jydw",
      hideRequiredAsterisk: true,
      loading: false,
      vehicle: {
        dialog: {
          visible: false,
          title: "biaoti",
          width: "600px",
        },
        tree: [],
        selected: [],
      },
      typeOptions: {
        adapter: (e) => {
          return { label: e.name, value: e.partsTypeId };
        },
        values: [],
      },
    };
  },

  components: {
    Top,
    jydw,
    yjwz,
    zjk,
    bncs,
    fhmb,
  },
  computed: {},
  created() {
    this.activeCom = {
      1000000010: "jydw",
      1000000011: "yjwz",
      1000000012: "fhmb",
      1000000013: "zjk",
      1000000014: "bncs",
    }[this.getParameter("menuId")];
  },
  mounted() {
    this.loadEntity();
  },
  methods: {
    getUserInfo(val) {
      this.userInfo.phone = val?.phone;
      this.userInfo.orgId = val?.orgId;
    },
  },
};
</script>

<style lang="scss">
@import "@/style/variables.scss";



.main-container .manager-detail .tx-detail {
  padding: 0px 0px;
}

.manager-detail {
  // border: 1px solid rgba(61, 126, 165, 0.5);
  // background: linear-gradient(0deg,  #0b3e66 0%,#1c5280 100%);

  .el-form-item__label {
    width: 50%;
    color: $c-font-table;
  }
  .el-form-item__content {
    width: 50%;
    color: $c-font-table;
  }

  .el-form {
    margin: 30px 0px;
    width: 500px;
  }

  .el-input-group__prepend {
    padding: 0px 10px;
  }
  .el-input-group--prepend {
    width: 200px;
  }
  .el-input-group .el-input__inner {
    text-align: right;
  }
  .el-button {
    margin: 0px 10px;
  }
}
</style>
